<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:include page="header.jsp">
	<jsp:param value="登录" name="title"/>
</jsp:include>
<body>
	<div id="outDiv">
		<!-- 属性role的存在，是为了告诉Accessibility类应用（比如屏幕朗读程序，为盲人提供的访问网络的便利程序），这是一个按钮。
		在html5元素内，标签本身就是有语义的，因此role是不必添加的，至少是不推荐的，但是bootstrap的案例内很多都是有类似的属性和声明的，
		目的是为了兼容老版本的浏览器（用户代理），如果你的代码使用了html5标签，并且不准备支持老版本的浏览器，不妨不使用role标签。 -->
		<form id="loginForm" role="form" action="login/conformLogin" method="post">
			<div class="center">
				<label><h3>OWN WORLD</h3></label>
			</div>
			<div class="center">
				<label for="userName" class="alignInput">用户名</label>
				<input id="userName" name="userName" required>
			</div>
			<div class="center">
				<label for="password" class="alignInput">密码</label>
				<input id="password" name="password" required>
			</div>
			<div class="center">
				<label for="rememberPass">记住密码</label>
				<input id="rememberPass" type="checkbox">
				<label for="autoLogin">7天内自动登录</label>
				<input id="autoLogin" type="checkbox">
			</div>
			<div>
				<button class="btn btn-primary type="submit" style="width:150px">登录</button>
			</div>
			<div class="center">
				忘记密码？找回
			</div>
		</form>
	</div>
</body>

</html>